/*
  学习目标：生命周期-创建(挂载)阶段
*/

import React, { Component } from 'react';

export default class App extends Component {
  // 创建时,
  // 对标: vue中created
  // 作用: 👎初始state/ 初始ref/ 绑定this
  // ❌ 绝对不再constructor发请求
  constructor() {
    // constructor中必须调用super(), 表示继承爸爸所有的属性和方法
    super();
    this.state = {
      count: 99,
    };
  }

  // 👍简写
  // state = {}

  // 作用: 负责渲染
  render() {
    return <div>{this.state.count}</div>;
  }

  // 快捷键:cdm
  // 对标: mounted
  // 场景: 1. 发请求 2.最先获取dom 3. 绑定事件  4. 开启定时器等
  componentDidMount() {
    // 💥 挂载后发请求,请求数据
    console.log(' componentDidMount ----->  ');
  }
}
